<template>
    <div class="w-full h-full">
        <h-load-mask :show="loading">
            <iframe src="https://docs.nestjs.cn/" width="100%" height="100%" @load="onIframeLoad"></iframe>
        </h-load-mask>
    </div>
</template>

<script lang="ts" setup>
import { ref } from 'vue';

const loading = ref<boolean>(true);

const onIframeLoad = () => {
    loading.value = false;
};
</script>

<style scoped></style>